<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
    <head>
        <meta charset="utf-8">
    </head>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="css/loginCss/login.css" rel="stylesheet">
    <script src="js/jquery.min.js"></script>
    
    <body>
        <div class="bk"></div>
        <div class="box  col-lg-4 col-lg-offset-4 
         col-md-4 col-md-offset-4
         col-sm-8 col-sm-offset-2
         col-xs-10 col-xs-offset-1">
            <ul class="them">
                <li class="cur col-lg-6  col-md-6 col-sm-6 col-xs-6">登录</li>
                <li class="col-lg-6  col-md-6 col-sm-6 col-xs-6">注册</li>
            </ul>
            <div class="contion">
                <div style="display:block;">
                    <dl>
                        <dt>
                            <svg class="icon" aria-hidden="true">
                             	<use xlink:href="#icon-my"></use>
                            </svg>
							
                        </dt>
                        <dd>
                            <input type="text" name="" placeholder="帐户名" class="username">
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <svg class="icon" aria-hidden="true">
                              <use xlink:href="#icon-command"></use>
                            </svg>
                        </dt>
                        <dd>
                            <input type="password" name="" placeholder="密码" class="password">

                        </dd>
                    </dl>
                    <dl class="codeBox">
                        <dt>
                            <svg class="icon" aria-hidden="true">
                              <use xlink:href="#icon-safe"></use>
                            </svg>
                        </dt>
                        <dd><input type="text" name="" placeholder="验证码"  class="code">
                        <img id="kaptchaImage" src="Kaptcha.jpg" alt="点击更换" title="点击更换"></dd>
                       
                    </dl>
                    <div class="btnBox">
                         <button class="btn btn1">登录</button>
                    </div>
                </div>
                <div>
                   <!--  <div class="tip"></div> -->
                    <dl>
                        <dt>
                            <svg class="icon" aria-hidden="true">
                              <use xlink:href="#icon-my"></use>
                            </svg>
                        </dt>
                        <dd>
                            <input type="text" name="" placeholder="帐户名" class="username">
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <svg class="icon" aria-hidden="true">
                              <use xlink:href="#icon-command"></use>
                            </svg>
                        </dt>
                        <dd>
                            <input type="password" name="" placeholder="新密码" class="newPassword">
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <svg class="icon" aria-hidden="true">
                              <use xlink:href="#icon-command"></use>
                            </svg>
                        </dt>
                        <dd>
                            <input type="password" name="" placeholder="确认密码" class="confirmPassword">
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <svg class="icon" aria-hidden="true">
                              <use xlink:href="#icon-mobile"></use>
                            </svg>
                        </dt>
                        <dd>
                            <input type="text" name="" placeholder="手机号码" class="phone">
                        </dd>
                    </dl> 
                    <dl>
                        <dt>
                            <svg class="icon" aria-hidden="true">
                              <use xlink:href="#icon-mail"></use>
                            </svg>
                        </dt>
                        <dd>
                            <input type="text" name="" placeholder="邮箱" class="Email">
                        </dd>
                    </dl>
                    <dl class="nopadding-box">
                            <select name="" class="sex col-xs-3 nopadding">
                                <option value="">性别</option>
                                <option value="男">男</option>
                                <option value="女">女</option>
                            </select>
                       
                            <select name=""  class="language col-xs-6 nopadding">
                                <option value="">语言</option>
                                <option value="汉语">汉语</option>
                                <option value="英文">英文</option>
                                <option value="其他">其他</option>
               
                            </select>
                        
                  
                            <select name="" class="nation col-xs-3 nopadding">
                                <option value="">籍贯</option>
                                <option value="汉族">汉族</option>
                                <option value="回族">回族</option>
                                <option value="满族">满族</option>
                                <option value="畲族">畲族</option>
                                <option value="其他">其他</option>
                            </select>
                       
                     </dl>
                    <dl class="codeBox">
                        <dt>
                            <svg class="icon" aria-hidden="true">
                              <use xlink:href="#icon-attention"></use>
                            </svg>
                        </dt>
                        <dd><input type="text" name="" placeholder="验证码"  class="code" >
                        <img id="kaptchaImage2" src="Kaptcha.jpg" alt="点击更换" title="点击更换"></dd>
                    </dl>
                    <div class="btnBox">
                         <button class="btn btn2">注册</button>
                    </div>

                </div>
            </div>
        </div>
    </body>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/loginJs/iconfont.js"></script>
    <script src="js/loginJs/login.js"></script>
    <script type="text/javascript">

	  //点击图片本身更换图片_登陆
	    $('#kaptchaImage').click(function() {
	        $(this).attr('src', 'Kaptcha.jpg?' + Math.floor(Math.random() * 100));
	    })
    </script>
</html>